<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>购物车</title>
		<link rel="stylesheet" type="text/css" href="./css/shoppingcart.css" />
		<link rel="stylesheet" type="text/css" href="./css/pbulic.css" />
		<link rel="stylesheet" type="text/css" href="./css/iconfont.css" />
		<script src="./js/rem.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			document.addEventListener('plusready', function() {
				//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。")

			});
		</script>
	</head>
	<body>
		<nav>
			<i class="iconfont">&#xe889;</i>
			<div class="qualitybox">
				<span class="quality">购物车</span>
			</div>
			<div class="navright">
				<i class="iconfont">&#xe67f;</i>
				<span></span>
				<i class="iconfont">&#xe649;</i>
			</div>
		</nav>
		<main>
			<div class="content">
				<div class="leftbox">
					<div class="hook">
						<img src="./img/shopingc.svg">
					</div>
					<div class="ctimg">
						<img src="./img/shoping.png">
					</div>
					<div class="number">
						<span class="name">外套黑色户外专业</span>
						<span class="color">黑色</span>
						<div class="money">
							<span>￥</span>
							<span>1599</span>
							<del>￥1699</del>
						</div>
					</div>
				</div>
				<div class="increase">
					<div class="inc">
						<span>-</span>
					</div>
					<div class="inc">
						<span>1</span>
					</div>
					<div class="inc">
						<span>+</span>
					</div>
				</div>
			</div>
			<div class="content">
				<div class="leftbox">
					<div class="hook">
						<img src="./img/shopingc.svg">
					</div>
					<div class="ctimg">
						<img src="./img/shopingz.png">
					</div>
					<div class="number">
						<span class="name">白色外套</span>
						<span class="color">白色</span>
						<div class="money">
							<span>￥</span>
							<span>49</span>
							<!-- <del>￥1699</del> -->
						</div>
					</div>
				</div>
				<div class="increase">
					<div class="inc">
						<span>-</span>
					</div>
					<div class="inc">
						<span>1</span>
					</div>
					<div class="inc">
						<span>+</span>
					</div>
				</div>
			</div>
			<div class="content">
				<div class="leftbox">
					<div class="hook">
						<img src="./img/shopingc.svg">
					</div>
					<div class="ctimg">
						<img src="./img/shopingx.png">
					</div>
					<div class="number">
						<span class="name">外套</span>
						<span class="color">黑色</span>
						<div class="money">
							<span>￥</span>
							<span>45</span>
							<del>￥49</del>
						</div>
					</div>
				</div>
				<div class="increase">
					<div class="inc">
						<span>-</span>
					</div>
					<div class="inc">
						<span>1</span>
					</div>
					<div class="inc">
						<span>+</span>
					</div>
				</div>
			</div>
			<div class="anchor">
				<div class="hooks">
					<div class="hook  bottom">
						<img src="./img/shopingc.svg">
					</div>
					<span class="selectall">全选</span>
				</div>
				<div class="totalbox">
					<span class="total">合计：</span>
					<div class="bottommoney">
						<span>￥</span>
						<span class="strong">1693</span>
						<span>.00</span>
					</div>
				</div>
				<div class="settlement">
					<span>结算(3)</span>
				</div>
			</div>
		</main>

	</body>
	<script type="text/javascript">

	</script>
</html>
